@import "lib.less";
@bg_color_1:#FFFFFF;
@border_color_1:#CCCCCC;
@focus_color_1: #9b3322;
@error_color_1:red;
@btn_color_1:#2E3C59;
@btn_color_1_hover: #292459;
@btn_color_1_active: #143d59;
@input_bottom_1:15px;
html,body{
	padding: 0; margin: 0; font-size:12px; background-color: @bg_color_1;
	font-family: "雅黑","微软雅黑","Microsoft YaHei";
}
html{
	height: 100%;
}
body{
	min-height: 100%;
	background: url(../bg/bg_nav.png) repeat-y left top;
}

.text-height(@h){
	height: @h; line-height: @h;
}

//表单为上下格式的，文字信息
.d_line_1{
	line-height: 20px;
}
input.ipt{
	border:1px solid @border_color_1; outline: none;
	&:focus{
		border-color:@focus_color_1;
	}
}
input.err{
	border-color:@error_color_1;
	&:focus{
		border-color:@error_color_1;
	}
}
.d_error_1{
	color: @error_color_1;
	line-height: 18px; min-height: 18px;
}
.d_ipt_1{
	padding: 0 11px;
	input,textarea{
		width: 100%; margin: 0 -11px; font-size:14px;
		vertical-align: middle; resize: none;
	}
	input{
		height: 32px; padding: 0 10px;
	}
	textarea{
		padding: 10px; line-height: 18px;
	}
	span&{
		display: inline-block; width: 140px;
	}
}
.d_info_1{
	line-height: 20px; color: #666666;
}
.d_link_1{
	color: #0000FF;
}
.d_letter_2{
	letter-spacing: 2px;
}
.d_letter_4{
	letter-spacing: 4px;
}
.d_select_1{
	@h:34;
	@p : (@h - 24) / 2;
	@bg:#FFFFFF;
	border: 1px solid @border_color_1;
	display: inline-block; overflow: hidden; outline-color: none; vertical-align: middle;
	padding: ~"@{p}px" 4px; height: 22px; line-height: 22px;
	& span.cc{
		display: inline-block; overflow: hidden;
		border:1px solid transparent; _border:1px solid @bg; background-color: transparent; _background-color: @bg;
		height: 20px;
	}
	& select{
		margin: -1px; height: 22px; padding: 0; line-height: 22px;
		border:1px solid @bg; background: transparent;
		outline: none; float: left;
	}
	&:hover{ border-color: @focus_color_1;}
	&:focus,&:active{ border-color: @focus_color_1;}
}
.d_c0,.d_c1,.d_c2,.d_c3{
	background-color: #999999; color: #FFFFFF;
	display: inline-block; text-align: center;
	padding: 2px 0; line-height: 14px; width: 50px;
}
.d_c1{
	background-color: #FF4A00;
}
.d_c2{
	background-color: #82C92F;
}
.d_c3{
	background-color: #FF0000;
}
.d_bk_1{
  padding: 15px 0;
}
.red{
	color: #E54545;
}
.mb15{
	margin-bottom: @input_bottom_1;
}
.h20{
	.text-height(20px);
}
.h34{
	.text-height(34px);
}

//按钮
.d_btn_1,.d_btn_2,.d_btn_3{
	.text-height(34px);
	display: inline-block; vertical-align: middle; text-decoration: none; cursor: pointer;
	background-color: @btn_color_1; color: #FFFFFF;
	padding: 0 20px; font-size: 16px;
	&:hover{
		background-color: @btn_color_1_hover;
	}
	&:active{
		background-color: @btn_color_1_active;
	}
}

.d_btn_2{
	background-color: #2b2b2b;
	&:hover{
		background-color: #1b222b;
	}
	&:active{
		background-color: #1c2733;
	}
}

.d_btn_1{
	background-color: #7CBE56;
	&:hover{
		background-color: #7C9C56;
	}
	&:active{
		background-color: #7CCF56;
	}
}

.d_btn_l{
	display: block; text-align: center;
}

//表格
.d_table_1{
	.l10{
		padding-left: 10px;
	}
	.center{
		text-align: center;
	}
	td{
		height: 36px; vertical-align: middle;
	}
	thead{
		td{
			background-color: #F7F7F7;
		}
	}
	tbody{
		tr:nth-child(2n){
			td{
				background-color: #FBFBFB;
			}
		}
		tr:hover{
			td{
				background-color: #FFF9D7;
			}
		}
	}
}

//标题
.d_title_1{
	padding-bottom: 9px; margin: 20px 0 10px; font-size: 20px;
	border-bottom: 1px solid #CCCCCC; color: #000000;
	font-weight: 700;
}
.d_title_2{
	padding-bottom: 9px; margin: 20px 0 10px; font-size: 18px;
	border-bottom: 1px solid #DDDDDD; color: #111111;
	font-weight: 700;
}
.d_title_3{
	padding-bottom: 9px; margin: 20px 0 10px; font-size: 16px;
	border-bottom: 1px solid #EEEEEE; color: #222222;
	font-weight: 700;
}


//分页
/* 分页 */
.c_page_1{
	.iBtnC_dy(@color,@text:#FFFFFF,@borderColor:#CD6601){
		border:1px solid @borderColor;
		background-color: @color;
		color:@text;
	}
	.iBtnC(@color,@height:26px,@text:#FFFFFF,@borderColor:#CD6601){
		&:hover{ text-decoration: none;}
		height: @height;
		line-height: @height;
		overflow: hidden;
		.iBtnC_dy(@color,@text,@borderColor);
		display: inline-block; text-align: center; padding: 0 14px; text-decoration: none; cursor: pointer; vertical-align: middle;
	}
	padding:5px 0; clear:both;

	a,span.pENum,span.pENum b,span.pEIpt,span.pEIpt a{
		display:inline-block; margin:0 1px;text-decoration:none; vertical-align:middle; color: #B7D1E3;
	}
	a.pEBK{
		&:hover{
			.iBtnC_dy(#ff7f00,#222222,#ab5500); box-shadow: 0 0 3px #cc6600; color:#FFFFFF;
		}
		.iBtnC(#F9F9F9,24px,#666666,#CCCCCC);
		b{
			font-weight: normal;
		}
	}
	a.pEFirDis,a.pEFirDis:hover,
	a.pEPreDis,a.pEPreDis:hover,
	a.pENxtDis,a.pENxtDis:hover,
	a.pELstDis,a.pELstDis:hover{
		.iBtnC_dy(#F9F9F9,#CCCCCC,#CCCCCC); cursor: default; box-shadow: none;
	}

	span.pENum{
		margin:0px 5px; vertical-align:middle;
		a{
			&:hover{
				.iBtnC_dy(#ff7f00,#222222,#ab5500); box-shadow: 0 0 3px #cc6600; color:#FFFFFF;
			}
			.iBtnC(#F9F9F9,24px,#666666,#CCCCCC);
		}
		a.pESe{
			.iBtnC_dy(#A50100,#A50100,#ab5500); box-shadow: none; color:#FFFFFF;
		}
		b{
			margin:0px 5px;
		}
	}
	span.pENum2{
		display:inline-block;
	}
	span.pEIpt{
		margin-left: 8px;
		input{
			width: 25px; height: 18px; line-height: 18px; padding: 3px; border: 1px solid #cccccc; margin: 0; text-align: center; vertical-align: middle;
		}
		a{
			vertical-align: middle; padding: 0 6px; color: #666666;
		}
	}
}

//头部
.c_title{
	@h:48px;
	background: url(../bg/bg_title.png) #3D3D3D;
	padding-left: 20px;
	height: @h;
	.text{
		.text-height(@h);
		color: #FFFFFF;
		font-size: 22px; padding-left: 20px;
	}
}

//左侧
.c_navigation{
	@w:200px;
	position: absolute;
	width: 200px; left:0; top:48px; padding: 6px 0 80px 0;
	background-color: #E6E6E6;
	.li{
		border-left: 4px solid #E6E6E6; border-bottom: 1px solid #C3C3C3;
	}
	.li_elect{
		border-left-color: @focus_color_1; background-color: @bg_color_1;
	}
	.t1{
		.text-height(58px);
		display: block; text-decoration: none;
		color: #111111;
		padding-left: 20px; font-size: 18px; font-weight: 700;
	}
	.t2{
		.text-height(48px);
		display: block; text-decoration: none;
		color: #111111;
		padding-left: 40px; font-size: 18px;
	}
}

//弹窗
.c_opt{
	position: absolute;
	z-index: 4; top:10px; left:10px; padding: 3px;
	background-color: #FFFFFF; border: 3px solid #797979;
	.re_c{
		position: relative;
		padding: 5px;
	}
	.close{
		display: block; position: absolute; cursor: pointer; font-family: "Arial";
		right: 0; top:-4px; font-size: 18px;
		color: @focus_color_1;
	}
	.ttt{
		.text-height(30px);
		font-size: 18px;
	}
	.ccc{
		padding: 10px 0;
	}
	.btns{}
}

//弹窗 alert
.c_opt_alert,.c_opt_confirm{
	width: 300px;
	.ttt{
		.text-height(24px); color: @focus_color_1;
	}
	.ccc{
		padding: 15px 0; font-size: 14px;
		text-align: center;
	}
	.btns{
		text-align: right;
	}
}

//表单
.c_form_1{
	width: 680px;
	.li{
		margin-bottom: @input_bottom_1;
	}
	.lt34{
		line-height: 34px;
	}
	.l120,.l120_1{
		position: absolute; text-align: right;
		width: 100px;
	}
	.l120_1{
		line-height: 20px;
	}
	.lic{
		margin-left: 105px;
	}
	.d_select_1{
		margin-right: 10px;
	}
	.min{
		width: 100px;
	}
}

//内容
.c_context{
	margin-left: 200px; padding:0 15px;
}

//进度
.c_progress_1{
	.clearfix();
	.li{
		.text-height(22px);
		border:1px solid @border_color_1;
		width: 502px; margin: 10px 0;
	}
	.p1{
		width: 102px;
		float: left; text-align: center;
	}
	.p2{
		float: left;
		width: 400px; height: 100%;
		background-color: #F2F2F2;
		span{
			display: block;
			width: 50%; height: 100%;
			background-color: @border_color_1;
		}
	}
}